/*
 * @Author: wangtao
 * @Date: 2020-12-18 09:14:01
 * @LastEditors: 汪滔
 * @LastEditTime: 2021-06-03 10:53:22
 * @Description: 签名横屏提示
 */
import React, { Component } from 'react';
import {
  StyleSheet,
  View,
  Text,
  Image,

  PixelRatio,
} from 'react-native';
import { Button } from '@/common';
import {
  fontColorBlack,
  mainBgColorWhite,
  px2dp,

} from '@/styles';
import { iconIphoneGray } from '@/images';

const { Submit } = Button;

export default class OrientationTips extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  render() {
    const { setShowAutograph } = this.props;
    return (
      <View style={styles.container}>
        <Image source={iconIphoneGray} style={styles.img} resizeMode='stretch' />
        <Text style={styles.desc}>请手机横屏设置签名</Text>

        <Submit
          text='我知道了'
          boxStyle={{
            width: px2dp(176),
            height: px2dp(74),
            borderRadius: px2dp(37),
            overflow: 'hidden',
            backgroundColor: mainBgColorWhite,
            borderWidth: 1 / PixelRatio.get(),
            borderColor: '#979797',
            marginTop: px2dp(48)
          }}
          btnStyle={{}}
          btnTextStyle={{
            fontSize: px2dp(28),
            color: '#979797',
          }}
          onClick={() => {
            setShowAutograph();
          }}
        />
      </View>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: mainBgColorWhite,
    alignItems: 'center',

    justifyContent: 'center',
  },
  img: {
    width: px2dp(260),
    height: px2dp(260),
  },
  desc: {
    color: fontColorBlack,
    fontSize: px2dp(32),
    fontWeight: 'bold',
    marginTop: px2dp(70),
  },
});
